<!DOCTYPE html>
<html>
<head>
  <title>MyScrum</title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body>
<div id="wrapper">
	<div id="navigationBar">
		<ul class="navigationBar">
		  <li>
		  	<a href="javascript:void(null)" class="navigationBarLink">Head Element 1</a>
		  </li>
		  <div class="pipe"></div>
		  <li>
		  	<a href="javascript:void(null)" class="hasSubItems navigationBarLink">Projekt</a>
		  	<div>
		      <ul>
		        <li><a href="/projects/new" class="navigationBarSubItemLink">Projekt anlegen</a></li>
		        <li><a href="/user/new" class="navigationBarSubItemLink">Mitarbeiter anlegen</a></li>
		      </ul>
		    </div>
		  </li>	  
		  <div class="pipe"></div>
		  <li>
		    <a href="javascript:void(null)" class="hasSubItems navigationBarLink">Product Backlog</a>
		    <div>
		      <ul>
		        <li>
		          <a href="/product_backlogs/show" class="navigationBarSubItemLink">Anzeigen</a>
		        </li>
		        <li><a href="javascript:void(null)" class="navigationBarSubItemLink">SubItem2</a></li>
		        <li>
		          <a href="javascript:void(null)" class="hasSubItems navigationBarSubItemLink">SubItem3</a>
		          <div>
		            <ul>
		              <li><a href="javascript:void(null)" class="navigationBarSubItemLink">SubSubItem1</a></li>
		              <li><a href="javascript:void(null)" class="navigationBarSubItemLink">SubSubItem2</a></li>
		            </ul>
		          </div>
		        </li>
		      </ul>
		    </div>
		   </li>
		   <div class="pipe"></div>
		 </ul>
	</div>
	
	<div id="content">
		<%= yield %>
	</div>
	
	<div id="footer">
		<%= render :partial => "layouts/footer" %>
	</div>
</div>

</body>
</html>